<template>
    <el-container>
        <el-header>
            <div class="left-panel">
                <!-- <el-button type="primary" @click="opCheck">核对</el-button>  -->
                <el-button type="primary" @click="opSendApply" v-if="orgType == 3">发送对账申请</el-button>
                <el-button type="primary" @click="allprintview" v-if="orgType == 1">预览</el-button>
                <el-button type="primary" @click="allprintview" v-if="orgType == 1">打印</el-button>
                <!-- <el-button type="primary" @click="checkSuccess" v-if="orgType == 1">对账正确</el-button> -->
                <sc-export
                    :queryType="'storage-order/document-export'"
                    :queryList="queryList"
                    :selectedKeys="selectedKeys"
                    :fileName="'对账管理-采购退货/空瓶单'"
                />
                <sc-export v-if="orgType==1" 
                    :queryType="`storage-order/down-jdtk-file`" 
                    :queryList="queryList" 
                    :fileName="`金蝶采购退货/空瓶订单`" 
                    :isTest="true" 
                    showText="金蝶导出"/>
            </div>
            <div class="right-panel">
                <el-button :icon="Search"   type="primary" @click="opBindData">查询</el-button>
                <el-button :icon="Search" type="info" plain @click="resetSearch">重置</el-button>
                <el-button text type="primary" @click="showCondition = !showCondition">
                    <span v-if="!showCondition">展开</span>
                    <span v-else>收起</span>
                    <vab-icon
                        class="vab-dropdown"
                        :class="{ 'vab-dropdown-active': fold }"
                        icon="arrow-up-s-line"
                    />
                </el-button>
            </div>
        </el-header>
        <el-foot v-show="showCondition">
            <vab-query-form-top-panel>
                <el-form inline label-width="49px" :model="queryForm" style="margin-top: 5px">
                    <el-form-item label="业务日期" label-width="100px">
                        <el-date-picker
                            style="width: 300px"
                            v-model="queryList.applyDateTime"
                            type="datetimerange"
                            value-format="YYYY-MM-DD HH:mm:ss"
                            format="YYYY-MM-DD HH:mm:ss"
                            range-separator="-"
                            unlink-panels="true"
                            start-placeholder="开始时间"
                            end-placeholder="结束时间"
                            :default-time="defaultTime"
                        />
                    </el-form-item>
                    <el-form-item v-if="orgType == 1" label="单据编号" label-width="100px">
                        <el-input
                            placeholder="---请输入单据编号---"
                            v-model="queryList.StorageOrderCode"
                            style="width: 300px"
                        />
                    </el-form-item>
                    <el-form-item v-if="orgType == 1" label="供应商" label-width="100px">
                        <el-input
                            placeholder="---请输入供应商名称---"
                            v-model="queryList.SupplierName"
                            style="width: 300px"
                        />
                    </el-form-item>
                    <el-form-item label="门店" label-width="100px">
                        <el-input
                            placeholder="---请输入门店---"
                            v-model="queryList.StoreName"
                            style="width: 300px"
                        />
                    </el-form-item>
                    <el-form-item v-if="orgType == 1" label="制单人" label-width="100px">
                        <el-input
                            placeholder="---请输入制单人---"
                            v-model="queryList.DocumentsUser"
                            style="width: 300px"
                        />
                    </el-form-item>
                    <el-form-item label="订单编号" label-width="100px">
                        <el-input
                            placeholder="---请输入订单编号---"
                            v-model="queryList.PurchaseOrderCode"
                            style="width: 300px"
                        />
                    </el-form-item>
                    <el-form-item label="订单类型" label-width="100px">
                        <el-select
                            placeholder="---请选择订单类型---"
                            v-model="queryList.storageOrderType"
                            style="width: 300px"
                        >
                            <el-option label="---请选择订单类型---" value />
                            <el-option
                                v-for="item in storeOrderTypeList"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                            />
                        </el-select>
                    </el-form-item>
                    <el-form-item label="对账状态" label-width="100px">
                        <el-select
                            placeholder="---请选择状态---"
                            v-model="queryList.Status"
                            style="width: 300px"
                        >
                            <el-option label="---请选择状态---" value />
                            <el-option
                                v-for="item in optionsState"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                            />
                        </el-select>
                    </el-form-item>

                    <!-- <el-form-item v-if="orgType == 1" label="业务员" label-width="100px">
						<el-input placeholder="---请输入业务员名称---" v-model="queryList.Salesman" style="width: 300px" />
                    </el-form-item>-->

                    <el-form-item label="物料简码" label-width="100px">
                        <el-input
                            placeholder="---请输入物料简码---"
                            v-model="queryList.MaterialSimpCode"
                            style="width: 300px"
                        />
                    </el-form-item>
                    <el-form-item label="物料编号" label-width="100px">
                        <el-input
                            placeholder="---请输入物料编号---"
                            v-model="queryList.MaterialCode"
                            style="width: 300px"
                        />
                    </el-form-item>
                    <el-form-item label="物料分类" label-width="100px">
                        <el-tree-select
                            v-model="queryList.MaterialTypeIds"
                            placeholder="---请选择物料分类---"
                            :props="{ label: 'label', value:'value',children: 'children' }"
                            :data="materialTypeTree"
                            multiple
                            :render-after-expand="false"
                            show-checkbox
                            style="width: 300px"
                        />
                    </el-form-item>
                    <el-form-item label="物料名称" label-width="100px">
                        <el-input
                            placeholder="---请输入物料名称---"
                            v-model="queryList.MaterialName"
                            style="width: 300px"
                        />
                    </el-form-item>
                    <el-form-item label="规格型号" label-width="100px">
                        <el-input
                            placeholder="---请输入规格型号---"
                            v-model="queryList.MaterialSpecs"
                            style="width: 300px"
                        />
                    </el-form-item>
                </el-form>
            </vab-query-form-top-panel>
        </el-foot>

        <!-- 酒业 -->
        <el-main class="nopadding" v-if="this.orgType == 1 || this.orgType == 2">
            <scTable
                ref="mytable"
                :span-method="objectSpanMethod"
                border
                :queryType="'storage-order/list'"
                :data="listData"
                :queryList="queryList"
                :column="columnList"
                :orderList="OrderList"
                :sort-orders="['ascending', 'descending']"
                @selection-change="selectionChange"
                row-key="storageOrderId"
                key="storageOrderId"
                :row-class-name="setRowClass"
                show-summary
                :summaryMethod="getSummaries"
            >
                <el-table-column type="selection" width="50"></el-table-column>
                <el-table-column label="序号" type="index" width="80"></el-table-column>
                <el-table-column label="对账状态" prop="statusDesc" width="90">
                    <template #default="scope">
                        <span
                            v-if="scope.row.status==0"
                            style="color:red"
                        >{{ scope.row.statusDesc }}</span>
                        <span
                            v-else-if="scope.row.status==1"
                            style="color:#409EFF"
                        >{{ scope.row.statusDesc }}</span>
                        <span
                            v-else-if="scope.row.status==2"
                            style="color:green"
                        >{{ scope.row.statusDesc }}</span>
                        <span v-else-if="scope.row.status==3">已收到申请</span>
                        <span v-else-if="scope.row.status==4" style="color:#909399">已关账</span>
                        <span v-else>{{ scope.row.statusDesc }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="业务日期" prop="applyDate" width="120" sortable>
                    <template
                        #default="scope"
                    >{{scope.row.applyDate? scope.row.applyDate.slice(0, 10):scope.row.applyDate}}</template>
                </el-table-column>
                <el-table-column label="物料编码" prop="materialCode" width="110" sortable></el-table-column>
                <el-table-column label="物料名称" prop="materialName" width="250" sortable></el-table-column>
                <el-table-column label="规格型号" prop="materialSpecs" width="100"></el-table-column>
                <el-table-column label="单位" prop="unitName" width="60"></el-table-column>
                <el-table-column label="结算数量" prop="qty" width="110" sortable></el-table-column>
                <el-table-column label="结算单价" prop="price" width="110" sortable></el-table-column>
                <el-table-column label="结算金额" prop="totalAmount" width="110" sortable></el-table-column>
                <el-table-column label="单据编号" prop="storageOrderCode" width="200" sortable>
                    <template #default="scope">
                        <span
                            class="el-span-text"
                            @click="opPrintview(scope.row, scope.$index)"
                        >{{scope.row.storageOrderCode}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="制单人" prop="documentsUser" width="100"></el-table-column>
                <el-table-column label="供应商" prop="supplierName" width="140" sortable></el-table-column>
                <el-table-column label="申请门店" prop="storeName" width="140" sortable></el-table-column>
                <el-table-column label="对账单位" prop="purchaseUnityName" width="110" sortable></el-table-column>
                <el-table-column label="订单类型" prop="storageOrderTypeDesc" width="110" sortable></el-table-column>
                <el-table-column label="订单编号" width="160" sortable>
                    <template #default="scope">
                        {{scope.row.storageOrderType==0?scope.row.purchaseOrderCode:''}}
                        {{scope.row.storageOrderType==1?scope.row.afterOrderCode:''}}
                        {{scope.row.storageOrderType==2?scope.row.recoveryCode:''}}
                    </template>
                </el-table-column>
               
                <!-- <el-table-column label="接单数量" prop="purchaseQty" width="100"></el-table-column> -->
               
                <!-- <el-table-column label="接单单价" prop="purchasePrice" width="100"></el-table-column> -->
                
                <!-- 	<el-table-column label="接单金额" prop="purchaseTotalAmount" width="100"></el-table-column> -->
              
                
                <!-- <el-table-column label="单据日期" prop="storageOrderTime" width="180"></el-table-column>

				<el-table-column label="单据类型" prop="storageOrderTypeDesc" width="100"></el-table-column>

				<el-table-column label="关联采购订单" prop="purchaseOrderCode" width="200"></el-table-column>





                <el-table-column label="业务员" prop="salesman" width="100"></el-table-column>-->

                <el-table-column label="操作" fixed="right" align="right" width="240">
                    <template #default="scope">
                        <el-button-group>
                            <!-- <el-button
                                text
                                type="primary"
                                size="small"
                                @click="opCheck(scope.row, scope.$index)"
                                v-if="this.orgType == 1 && scope.row.status==1"
                            >核对</el-button> -->
                            <el-button
                                text
                                type="primary"
                                size="small"
                                @click="opPrintview(scope.row, scope.$index)"
                            >预览</el-button>
                            <el-button
                                text
                                type="primary"
                                size="small"
                                @click="opPrintview(scope.row, scope.$index)"
                            >打印</el-button>
                            <el-button
                                text
                                type="primary"
                                size="small"
                                @click="opShow(scope.row, scope.$index)"
                            >查看</el-button>
                        </el-button-group>
                    </template>
                </el-table-column>
            </scTable>
        </el-main>
        <!-- 供应商 -->
        <el-main class="nopadding" v-if="this.orgType == 3">
            <scTable
                ref="mytable"
                :span-method="objectSpanMethod"
                border
                :queryType="'storage-order/list'"
                :data="listData"
                :queryList="queryList"
                :column="columnList"
                :orderList="OrderList"
                :sort-orders="['ascending', 'descending']"
                @selection-change="selectionChange"
                row-key="storageOrderId"
                key="storageOrderId"
                :row-class-name="setRowClass"
                show-summary
                remoteSummary
            >
                <el-table-column type="selection" width="50"></el-table-column>
                <el-table-column label="序号" type="index" width="80"></el-table-column>
                <el-table-column label="对账状态" prop="statusDesc" width="110" sortable>
                    <template #default="scope">
                        <span
                            v-if="scope.row.status==0"
                            style="color:red"
                        >{{ scope.row.statusDesc }}</span>
                        <span
                            v-else-if="scope.row.status==1"
                            style="color:#409EFF"
                        >{{ scope.row.statusDesc }}</span>
                        <span
                            v-else-if="scope.row.status==2"
                            style="color:green"
                        >{{ scope.row.statusDesc }}</span>
                        <span v-else-if="scope.row.status==3">已发送申请</span>
                        <span v-else-if="scope.row.status==4" style="color:#909399">已关账</span>
                        <span v-else>{{ scope.row.statusDesc }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="物料编码" prop="materialCode" width="120" sortable></el-table-column>
                <el-table-column label="物料名称" prop="materialName" width="140" sortable></el-table-column>
                <el-table-column label="规格型号" prop="materialSpecs" width="110" sortable></el-table-column>
                <el-table-column label="单位" prop="unitName" width="80" sortable></el-table-column>
                <el-table-column
                    v-if="orgType==1"
                    label="数量"
                    prop="purchaseQty"
                    width="60"
                    sortable
                ></el-table-column>
                <el-table-column
                    v-if="orgType==3"
                    label="退货/有效空瓶数量"
                    prop="purchaseQty"
                    width="100"
                    sortable
                ></el-table-column>
                <el-table-column label="单价" prop="purchasePrice" width="80" sortable></el-table-column>
                <el-table-column label="金额" prop="purchaseTotalAmount" width="80" sortable></el-table-column>
                <el-table-column label="对账单位" prop="purchaseUnityName" width="110" sortable></el-table-column>
                <el-table-column label="申请门店" prop="storeName" width="140" sortable></el-table-column>
                <el-table-column label="订单类型" prop="storageOrderTypeDesc" width="110" sortable></el-table-column>
                <el-table-column label="订单编号" width="160" sortable>
                    <template #default="scope">
                        {{scope.row.storageOrderType==0?scope.row.purchaseOrderCode:''}}
                        {{scope.row.storageOrderType==1?scope.row.afterOrderCode:''}}
                        {{scope.row.storageOrderType==2?scope.row.recoveryCode:''}}
                    </template>
                </el-table-column>
                <el-table-column label="业务日期" prop="applyDate" width="120" sortable>
                    <template
                        #default="scope"
                    >{{scope.row.applyDate.length>10? scope.row.applyDate.slice(0, 10):scope.row.applyDate}}</template>
                </el-table-column>
               
               
                <el-table-column label="操作" fixed="right" align="right" width="240">
                    <template #default="scope">
                        <el-button-group>
                            <!-- <el-button text type="primary" size="small"
									@click="opPrintview(scope.row, scope.$index)">预览</el-button>
								<el-button text type="primary" size="small"
                            @click="opPrintview(scope.row, scope.$index)">打印</el-button>-->
                            <el-button
                                text
                                type="primary"
                                size="small"
                                @click="opShow(scope.row, scope.$index)"
                            >查看</el-button>
                        </el-button-group>
                    </template>
                </el-table-column>
            </scTable>
        </el-main>
    </el-container>
    <!-- 发送对账申请  -->
    <send-apply-dialog
        v-if="dialogSendApply"
        ref="sendApplyObj"
        @fatherMethod="opBindData"
        @success="handleSaveSuccess"
        @closed="dialogSendApply = false"
    ></send-apply-dialog>

    <check-dialog
        v-if="dialogCheck"
        ref="checkDialog"
        @fatherMethod="opBindData"
        @success="handleSaveSuccess"
        @closed="dialogCheck = false"
    ></check-dialog>
    <print-dialog v-if="dialogPrint" ref="printDialog" @closed="dialogPrint = false"></print-dialog>
</template>

<script>
import publicjs from "@/api/model/publicjs";
import tool from "@/utils/tool";
import config from "@/config";
import printDialog from "./components/print";
import checkDialog from "./components/check";
import sendApplyDialog from "./sendApply";
export default {
    components: {
        publicjs,
        printDialog,
        checkDialog,
        sendApplyDialog,
    },
    data() {
        return {
            orgType: "",
            supName: "",
            columnList: [],
            queryList: {
                storageIsSalesType: 1,
            },
            selectionRows: [],
            materialTypeTree: [],
            listData: [],
            showCondition: false,
            columnIndex0: "",
            columnIndex17: "",
            columnIndex15: "",
            dialogPrint: false,
            dialogCheck: false,
            dialogSendApply: false, //对账申请窗体
            storeOrderTypeList: [
                {
                    value: 1,
                    label: "退货订单",
                },
                {
                    value: 2,
                    label: "空瓶订单",
                },
            ],
            defaultTime: [
                new Date(2000, 1, 1, 0, 0, 0),
                new Date(2000, 2, 1, 23, 59, 59),
            ],
            selectedKeys:[],//选中的ID
        };
    },
    methods: {
        async opBindData() {
            this.$refs.mytable.clearSort();
            this.$refs.mytable.getData();
        },
        resetSearch() {
            if (this.orgType == 3) {
                this.queryList = {
                    SupplierId: tool.data.get("USER_INFO").OrgId,
                    storageIsSalesType: 1,
                };
            } else {
                this.queryList = {
                    storageIsSalesType: 1,
                };
            }
        },
        setRowClass({ row }) {
            if (this.selectionRows.includes(row)) {
                return "selected-row-color";
            }
            return "";
        },
        //表格选择后回调事件
        selectionChange(selection) {
            this.selectionRows = selection;
            this.selectedKeys= this.selectionRows.map((item)=>{ return  item.storageOrderId});
            this.queryList.storageOrderIds= this.selectionRows.map((item)=>{ return  item.storageOrderId});
           
        },
        //核对
        async opCheck(row) {
            this.dialogCheck = true;
            this.$nextTick(() => {
                this.$refs.checkDialog.setData(row);
                this.$refs.checkDialog.open("Check");
            });
        },
        //预览
        async opPrintview(row) {
            try {
                var returnValue = await this.$API.auth.PostProcessApi.post(
                    "storage-order/detail",
                    {
                        storageOrderIds: [row.storageOrderId],
                    }
                );
                if (returnValue.status == 200) {
                    this.dialogPrint = true;
                    this.$nextTick(() => {
                        this.$refs.printDialog.setData(returnValue.response);
                        this.$refs.printDialog.open("Check");
                    });
                } else {
                    this.$message.error("操作失败:" + returnValue.msg);
                }
            } catch (error) {
                this.loading = false;
                return false;
            }
        },
        //查看
        async opShow(row) {
            this.dialogCheck = true;
            this.$nextTick(() => {
                this.$refs.checkDialog.setData(row);
                this.$refs.checkDialog.open("Show");
            });
        },
        //批量预览
        async allprintview() {
            if (this.selectionRows.length > 0) {
                console.log(this.selectionRows);
                let arr = [];
                let set = new Set();

                this.selectionRows.forEach((item) => {
                    if (!set.has(item.storageOrderId)) {
                        set.add(item.storageOrderId);
                        arr.push(item.storageOrderId);
                    }
                });
                try {
                    var returnValue = await this.$API.auth.PostProcessApi.post(
                        "storage-order/detail",
                        {
                            storageOrderIds: arr,
                        }
                    );
                    if (returnValue.status == 200) {
                        this.dialogPrint = true;
                        this.$nextTick(() => {
                            this.$refs.printDialog.setData(
                                returnValue.response
                            );
                            this.$refs.printDialog.open("Show");
                        });
                        // this.optionsState=returnValue.response.find(p=>p.code=="AfterOrderStatus").optionsDetails;
                    } else {
                        this.$message.error("操作失败:" + returnValue.msg);
                    }
                } catch (error) {
                    this.loading = false;
                    return false;
                }
            } else {
                this.$message.error("请选择要打印的数据");
            }
        },
        //对账
        async checkSuccess() {
            if (this.selectionRows.length > 0) {
                console.log(this.selectionRows);
                let arr = [];
                let set = new Set();

                this.selectionRows.forEach((item) => {
                    if (!set.has(item.storageOrderId)) {
                        set.add(item.storageOrderId);
                        arr.push(item.storageOrderId);
                    }
                });
                try {
                    var returnValue = await this.$API.auth.PostProcessApi.post(
                        "storage-order/checkSuccess",
                        {
                            storageOrderIds: arr,
                        }
                    );
                    if (returnValue.status == 200) {
                        await this.opBindData();
                    } else {
                        this.$message.error("操作失败:" + returnValue.msg);
                    }
                } catch (error) {
                    this.loading = false;
                    return false;
                }
            } else {
                this.$message.error("请选择要打印的数据");
            }
        },
        async initOptions() {
            try {
                var returnValue = await this.$API.auth.PostProcessApi.post(
                    "base-dictionary/options",
                    {
                        Codes: ["StorageOrderStatus"],
                    }
                );
                if (returnValue.status == 200) {
                    this.optionsState = returnValue.response.find(
                        (p) => p.code == "StorageOrderStatus"
                    ).optionsDetails;
                } else {
                    this.$message.error("操作失败:" + returnValue.msg);
                }
            } catch (error) {
                this.loading = false;
                return false;
            }

            // try {
            //     var returnValue = await this.$API.auth.PostProcessApi.post(
            //         "storage-order/accountlist",
            //         this.queryList
            //     );
            //     if (returnValue.status == 200) {
            //         this.listData =returnValue.response.data;
            //     } else {
            //         this.$message.error("操作失败:" + returnValue.msg);
            //     }
            // } catch (error) {
            //     this.loading = false;
            //     return false;
            // }

            try {
                var returnValue = await this.$API.auth.PostProcessApi.post(
                    "material-type/tree",
                    {
                        status: 1,
                    }
                );
                if (returnValue.status == 200) {
                    this.materialTypeTree = returnValue.response;
                } else {
                    this.$message.error("操作失败:" + returnValue.msg);
                }
            } catch (error) {
                this.loading = false;
                return false;
            }
        },
        //打开对账申请对话框
        opSendApply() {
            this.dialogSendApply = true;
            this.$nextTick(() => {
                this.$refs.sendApplyObj.setData(this.supName);
                this.$refs.sendApplyObj.open("Send");
            });
        },
        //合计
        getSummaries(param) {
            const { columns, data  } = param;
            const sums = [];
            columns.forEach((column, index) => {
                if (index === 0) {
                    sums[index] = "合计";
                    return;
                }
                const values = this.selectionRows.map((item) =>
                    Number(item[column.property])
                );

                if (
                    column.property == "qty" ||
                    column.property == "totalAmount"
                ) {
                    if (!values.every((item) => isNaN(item))) {
                        const total = values.reduce((a, b) => a + b, 0);
                        sums[index] = total;
                    }
                }
            });
            return sums;
        },
        objectSpanMethod({ row, column, rowIndex, columnIndex }) {
            // 用于标志合并列的第一行
            // // 初始化firstIndex
            // if (rowIndex == 0 && columnIndex == 0) {
            // 	this.firstIndex = 0;
            // }
            // // 当前行占用行数
            // const zyRow = row.receivingOrderItems.length;
            // // 对于合并列 如果当前行索引==firstIndex
            // if (columnIndex == 0 || columnIndex == 17) {
            // 	// 合并列的第一行 占用行数=zyRow 列数=1
            // 	if (rowIndex == this.firstIndex) {
            // 		// 计算合并列的第一行 计算时机为处理到合并列第一行的最后一列
            // 		if (rowIndex == this.firstIndex && columnIndex == 17) {
            // 			this.firstIndex = this.firstIndex + zyRow;
            // 		}
            // 		return { rowspan: zyRow, colspan: 1 };
            // 	}
            // 	// 合并列的剩余行，不占用行数和列数
            // 	else {
            // 		return { rowspan: 0, colspan: 0 };
            // 	}
            // }
            // // 非合并列 都占用一行一列
            // else {
            // 	// 计算合并列的第一行 计算时机为处理到合并列第一行的最后一列
            // 	if (rowIndex == this.firstIndex && columnIndex == 17) {
            // 		this.firstIndex = this.firstIndex + zyRow;
            // 	}
            // 	return { rowspan: 1, colspan: 1 };
            // }
        },
    },
    async mounted() {
        this.orgType = tool.data.get("USER_INFO").AccountType;
        if (this.orgType == 3) {
            this.queryList.SupplierId = tool.data.get("USER_INFO").OrgId;
        }
        this.supName = tool.data.get("USER_INFO").OrgName;

        await this.initOptions();
        await this.opBindData();
    },
};
</script>

<style lang="scss" scoped>
/* 当表格行处于悬停状态时改变背景颜色 */
::v-deep .el-table .el-table__row:hover {
    background-color: #dae8f7;
}
::v-deep .el-table__body .el-table__row--striped.hover-row td {
    background-color: #dae8f7 !important;
}
//   斑马纹选中颜色
::v-deep .el-table__body .el-table__row--striped.selected-row-color td {
    background-color: #b8dcff !important;
}
::v-deep .el-table {
    --el-table-row-hover-bg-color: #dae8f7;
}

::v-deep .el-table tr:nth-child(2n) {
    background: #f2f2f2;
}
</style>
<style>
.el-table .selected-row-color {
    background-color: #b8dcff !important;
}
.el-table--enable-row-hover .el-table__body tr.selected-row-color:hover > td {
    background-color: #b8dcff !important;
}
.el-table__body-wrapper .el-table__body tr.selected-row-color.hover-row > td {
    background-color: #b8dcff !important;
}
.el-table__fixed-body-wrapper
    .el-table__body
    tr.selected-row-color.hover-row
    > td {
    background-color: #b8dcff !important;
}
.el-table__body-wrapper
    .el-table__body
    tr.selected-row-color.hover-row
    > .el-table__row--striped {
    background-color: #b8dcff !important;
}
</style>